<<template>
  <div style="margin: 10px;">
    <el-row :gutter="20">
        <el-col :span="8">
            <el-card style="height: 350px;padding: 10px;">
                <div style="font-size: 16px;font-weight: bold;margin-bottom: 30px;">设备状态与信息(知膳阁北区)</div>
                <div style="font-size: 14px;font-weight: bold;margin-bottom: 30px;">设备状态:<span style="font-size: 12px;">&nbsp&nbsp&nbsp未接通状态</span></div>
                <div style="font-size: 14px;font-weight: bold;margin-bottom: 30px;">工作状态:<span style="font-size: 12px;">&nbsp&nbsp&nbsp空或临时会话</span></div>
                <div style="font-size: 14px;font-weight: bold;margin-bottom: 30px;">媒体名称:<span style="font-size: 12px;">&nbsp&nbsp&nbsp0</span></div>
                <div style="font-size: 14px;font-weight: bold;margin-bottom: 30px;">播放音量:<span style="font-size: 12px;">&nbsp&nbsp&nbsp0</span></div>
            </el-card>
        </el-col>
        <el-col :span="8">
            <el-card style="height: 350px;padding: 10px;">
                <div style="font-size: 16px;font-weight: bold;margin-bottom: 30px;">设备状态与信息(知膳阁南区)</div>
                <div style="font-size: 14px;font-weight: bold;margin-bottom: 30px;">设备状态:<span style="font-size: 12px;">&nbsp&nbsp&nbsp空闲状态</span></div>
                <div style="font-size: 14px;font-weight: bold;margin-bottom: 30px;">工作状态:<span style="font-size: 12px;">&nbsp&nbsp&nbsp空或临时会话</span></div>
                <div style="font-size: 14px;font-weight: bold;margin-bottom: 30px;">媒体名称:<span style="font-size: 12px;">&nbsp&nbsp&nbsp0</span></div>
                <div style="font-size: 14px;font-weight: bold;margin-bottom: 30px;">播放音量:<span style="font-size: 12px;">&nbsp&nbsp&nbsp3</span></div>
            </el-card>
        </el-col>
    </el-row>
  </div>
</template>
<script>
export default {
  data () {
    return {
    }
  },
  created () {
  },
  mounted () {
  },
  methods: {
  },
}
</script>
<style lang="scss" scoped>
</style>
